<template>
    <div class="rightTop1">
        <div class="bg-color-black">
            <div class="d-flex pt-2 pl-2">
                <span>
                  <icon name="chart-bar" class="text-icon"></icon>
                </span>
                <div class="d-flex">
                    <span class="fs-xl text mx-2">剧本分析</span>
                    <dv-decoration-3 class="dv-dec-3"/>
                </div>
            </div>
            <div style="height: 230px;padding-top: 10px">
                <dv-scroll-board :config="config" style="width:100%;height:100%" />
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "rightTop1",
        components: {},
        data() {
            return {
                config: {
                    header: ['剧组名', '类型', '适合场景'],
                    data: [
                        ['《雪鹰领主》', '玄幻', '外景-西溪A 存香堂'],
                        ['《元尊》', '玄幻、奇幻', '摄影棚3区 32古东2棚'],
                        ['《还看今朝》', '都市、青春', '外景基地 祥湖'],
                        ['《民国谍影》', '历史', '年代景 行政大院'],
                        ['《仙王的日常生活》', '网游', '春秋城 北城东街'],
                        ['《协议结婚后热搜爆了》', '言情', '广州街 大宅门'],
                        ['《轮回乐园》', '科幻', '外景-机场 跳伞空地'],
                        ['《怨气撞铃》', '灵异', '古民居 39号院'],
                        ['《凡人修仙传》', '仙侠', '摄影棚1区 41广大道具库']
                    ],
                    rowNum: 6,
                    columnWidth: [140, 90],
                    align: ['center','center','center']
                }
            }
        },
        mounted() {
        },
        methods: {}
    }
</script>

<style scoped lang="scss">
    .rightTop1 {
        $box-width: 100%;
        $box-height: 290px;
        padding: 16px;
        height: $box-height;
        min-width: $box-width;
        border-radius: 5px;
        .bg-color-black {
            height: $box-height - 30px;
            border-radius: 10px;overflow: hidden;
        }
        .text {
            color: #c3cbde; font-size: 16px;
        }
        .dv-dec-3 {
            position: relative;
            width: 100px;
            height: 20px;
            top: -3px;
        }
    }
</style>
